<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

    <title>Images</title>
    <meta content="1" name="qrichtext"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <link href="../../stylesheet.css" type="text/css" rel="stylesheet"/>
<link href="../../page_styles1.css" type="text/css" rel="stylesheet"/>

  


<link href="../../calibreHtmlOutBasicCss.css" type="text/css" rel="stylesheet" />

</head>
<body>

<div class="calibreMeta">
  <div class="calibreMetaTitle">
  
  
    
    <h1>
      <a href="../../../index.html">Sigil User Guide
</a>
    </h1>
    
    
  
  </div>
  <div class="calibreMetaAuthor">
    0.7.2

  </div>
</div>

<div class="calibreMain">

  <div class="calibreEbookContent">
    
      <div class="calibreEbNavTop">
        
          <a href="spellcheck.html" class="calibreAPrev">previous page</a>
        

        
          <a href="special_characters.html" class="calibreANext"> next page</a>
        
      </div>
    

    
  <h2 id="images" class="calibre5">Images, Video, Audio</h2>

  <p class="h2subheading">— Inserting Media Files into your book —</p>

  <p class="calibre1">You can insert any image, video, or audio file into your book clicking the Insert File button <img alt="" src="../Images/insert-image_22px.png" class="calibre7"/> or selecting the menu item <span class="shortcut">Insert→File or its shortcut</span>. If the file has not already been added to your EPUB, you can select it from your computer.</p>

  <div class="tip">
    <p class="tiptext">EPUB 2 and most e-ink readers only support images, but the ability to insert video and audio is available if needed.</p>
  </div>

  <p class="calibre1">When you insert a media file into your book, it is first added to the EPUB and then a link to it is created. This allows you to add a file once and then link to it many times, or to add lots of files at one time and then later create links to them.</p>

  <h3 class="sigilnotintoc">Adding Media Files to Your EPUB</h3>

  <p class="calibre1">You can add image, video, or audio files to your book in several ways:</p>

  <ul class="calibre3">
    <li class="calibre4">Click the Add Existing Files button <img alt="" src="../Images/document-add_22px.png" class="calibre7"/>.</li>

    <li class="calibre4">Select the menu item <span class="shortcut">File→Add→Existing Files.</span></li>

    <li class="calibre4">Right-click on a file in the Book Browser and select <span class="shortcut">Add Existing Files.</span></li>
  </ul>

  <div class="calibre8">
    All of these will display a standard file dialog allowing you to select one or more files from your computer. Select as many media files as you want. If any of the files already exists in the book, you will be prompted to confirm if you want to replace them.
  </div>

  <p class="calibre1">The files will be added to the appropriate folder in the Book Browser based on their file extension. However, they are not yet actually used anywhere in your book – they are just available to use. To use them, you need to link to or insert them in your book.</p>

  <p class="calibre1">You can actually add files to your book and insert them in one step:</p>

  <ul class="calibre3">
    <li class="calibre4"><span class="shortcut">Click the Insert File button</span> <img alt="" src="../Images/insert-image_22px.png" class="calibre7"/> and then click on <span class="buttonbox">Other Files</span>.</li>

    <li class="calibre4">Right-click in your document in Book View and select <span class="shortcut">Insert File</span> and then click on <span class="buttonbox">Other Files</span>.</li>

    <li class="calibre4">Select the menu item <span class="shortcut">Insert→File</span> and then click on <span class="buttonbox">Other Files</span>.</li>
  </ul>

  <h3 class="sigilnotintoc" id="inserting_images">Inserting Files Into Your Book</h3>

  <p class="calibre1">To insert an image, video, or audio file into your book click on the location in your file where you want the image to be located (in either Book View or Code View). Then click the Insert File button <img alt="" src="../Images/insert-image_22px.png" class="calibre7"/>:</p>

  <div class="image"><img alt="insert-file-main" src="../Images/insert-file-main.png" class="calibre7"/></div>

  <p class="calibre1">A list of the files in your book is displayed. Select one or more files to insert and click <span class="buttonbox">OK,</span> or double-click on the file you want in order to select and insert it automatically.</p>

  <div class="tip">
    <p class="tiptext">You can choose files from your computer instead of from the EPUB by clicking on the <span class="buttonbox1">Other Files</span> button. Files will be added to your book and then inserted automatically.</p>
  </div>

  <p class="calibre1">You can filter which files are shown by selecting the type of file on the left, or entering part of the filename in the Filter text box.</p>

  <p class="calibre1">You can enable thumbnails for images in the Insert File dialog by clicking on the zoom buttons <img alt="" src="../Images/thumbnail%2B-.png" class="calibre7"/> on the lower left to choose the size of the thumbnails. The dialog is slower with thumbnails so you can remove them by making them smaller until they are gone.</p>

  <div class="image"><img alt="insert-file-thumbnails" src="../Images/insert-file-thumbnails.png" class="calibre7"/></div>

  <div class="tip">
    <p class="tiptext">You can also right-click in Book View where you want the image and choose <span class="menuitem">Insert File</span> from the context menu.</p>
  </div>

  <h3 class="sigilnotintoc">View File Details</h3>

  <p class="calibre1">To view details for an image, video or audio file double-click on its filename in the Book Browser or right-click on it in Book View and select <span class="shortcut">Open Tab For…</span>.</p>

  <p class="calibre1">For an image, the Width and Height in pixels, size of the file in kilobytes, and whether or not the image has any color defined are shown:</p>

  <div class="image"><img alt="" src="../Images/image_tab_example.png" class="calibre7"/></div>

  <h3 class="sigilnotintoc">Editing Media Files</h3>

  <p class="calibre1">Sigil allows you to easily edit an image, video, or audio file once it is in your EPUB.</p>

  <p class="calibre1">Simply right-click on the image in Book View, or right-click on its filename in the Book Browser, and select the menu item <span class="shortcut">Open With</span>. This will open the file in the external editor of your choice.</p>

  <p class="calibre1">See the <a href="../Text/external_editors.html">External Editors</a> chapter for details.</p>

  <h3 class="sigilnotintoc">Deleting Unused Media Files</h3>

  <p class="calibre1">You can select the menu item <span class="shortcut">Tools→Delete Unused Media Files</span> to automatically delete any unused image, video, or audio files. Sigil will present you a list of files that do not have any links to them from your HTML or CSS files and then allow you to confirm which files to delete – or to cancel deleting them.</p>

  <div class="image"><img alt="image-delete-unused" src="../Images/image-delete-unused.png" class="calibre7"/></div>

  <p class="calibre1">For more control over deleting individual files, you can use a report to view the number of times a file is used and then delete the ones you want – see the <a href="../Text/reports.html">Reports</a> chapter.</p>

  <div class="tip">
    <p class="tiptext">You can double-click on a file to show that file in a tab.</p>
  </div>

  <h3 class="sigilnotintoc" id="cover_images">Cover Images</h3>

  <p class="calibre1">You can quickly add a cover image using <a href="../Text/add_cover.html">Add Cover</a>.</p>

  <p class="calibre1">But if you want to add a cover manually, then be aware that images for covers are special in that you must tell the EPUB which image should be used for the cover. Different ereaders use different methods to identify the cover, so you should use both methods:</p>

  <ul class="calibre3">
    <li class="calibre4">Create a <span class="example">cover.html</span> file at the start of your book and then insert your image into it.</li>

    <li class="calibre4">Mark the <span class="example">cover.html</span> file as a cover file by right-clicking on it in the Book Browser Text folder, selecting <span class="shortcut">Add Semantics</span> and choosing <span class="shortcut">Cover</span>.</li>

    <li class="calibre4">Mark your actual cover image file as a Cover by right-clicking on it’s file in the Book Browser Images folder, selecting <span class="shortcut">Add Semantics</span> and choosing <span class="shortcut">Cover</span>.</li>
  </ul>

  <div class="tip">
    <p class="tiptext">Please make sure you have permission to use any images in your book as most images are copyrighted and their use may require a license.</p>
  </div>



  </div>

  
  <div class="calibreToc">
    <h2><a href="../../../index.html"> Table of contents</a></h2>
     <div>
  <ul>
    <li>
      <a href="cover_picture.html">Cover</a>
    </li>
    <li>
      <a href="titlepage.html">Title Page</a>
    </li>
    <li>
      <a href="rights.html">Copyright</a>
    </li>
    <li>
      <a href="introduction.html">Introduction</a>
      <ul>
        <li>
          <a href="whats_new.html">What’s New</a>
        </li>
        <li>
          <a href="about_sigil.html">About Sigil</a>
        </li>
        <li>
          <a href="about_epub.html">About EPUB</a>
        </li>
      </ul>
    </li>
    <li>
      <a href="installation.html">Installation</a>
    </li>
    <li>
      <a href="features.html">Features</a>
      <ul>
        <li>
          <a href="user_interface.html">User Interface</a>
        </li>
        <li>
          <a href="preferences.html">Preferences</a>
        </li>
        <li>
          <a href="opening_and_saving_files.html">Opening and Saving Files</a>
        </li>
        <li>
          <a href="book_view.html">Book View</a>
        </li>
        <li>
          <a href="code_view.html">Code View</a>
        </li>
        <li>
          <a href="preview.html">Preview</a>
        </li>
        <li>
          <a href="book_browser.html">Book Browser</a>
        </li>
        <li>
          <a href="metadata.html">Metadata</a>
        </li>
        <li>
          <a href="add_cover.html">Add Cover</a>
        </li>
        <li>
          <a href="table_of_contents.html">Table of Contents</a>
        </li>
        <li>
          <a href="validation.html">Validation</a>
        </li>
        <li>
          <a href="spellcheck.html">Spellcheck</a>
        </li>
        <li>
          <a href="media_files.html">Images, Video, Audio</a>
        </li>
        <li>
          <a href="special_characters.html">Special Characters</a>
        </li>
        <li>
          <a href="splitting_and_merging.html">Splitting and Merging</a>
        </li>
        <li>
          <a href="find_replace.html">Find &amp; Replace</a>
        </li>
        <li>
          <a href="saved_searches.html">Saved Searches</a>
        </li>
        <li>
          <a href="clips.html">Clips</a>
        </li>
        <li>
          <a href="clipboard_history.html">Clipboard History</a>
        </li>
        <li>
          <a href="links.html">Links and IDs</a>
        </li>
        <li>
          <a href="styles.html">Styles</a>
        </li>
        <li>
          <a href="indexes.html">Indexes</a>
        </li>
        <li>
          <a href="reports.html">Reports</a>
        </li>
        <li>
          <a href="external_editors.html">External Editors</a>
        </li>
      </ul>
    </li>
    <li>
      <a href="tutorials.html">Tutorials</a>
      <ul>
        <li>
          <a href="tutorial_getting_started_with_epub.html">Getting Started With EPUB</a>
        </li>
        <li>
          <a href="tutorial_convert_to_html.html">Prepare Your File For Sigil</a>
        </li>
        <li>
          <a href="tutorial_load_file.html">Open Your File With Sigil</a>
        </li>
        <li>
          <a href="tutorial_save.html">Save Your EPUB File</a>
        </li>
        <li>
          <a href="tutorial_metadata.html">Add the Author and Title</a>
        </li>
        <li>
          <a href="tutorial_add_cover.html">Add a Cover Image</a>
        </li>
        <li>
          <a href="tutorial_split.html">Create Files For Each Chapter</a>
        </li>
        <li>
          <a href="tutorial_mark_chapters.html">Identify Your Chapters</a>
        </li>
        <li>
          <a href="tutorial_generate_toc.html">Generate A Table of Contents</a>
        </li>
        <li>
          <a href="tutorial_links.html">Create Links and Notes</a>
        </li>
        <li>
          <a href="tutorial_code_view.html">A Quick Introduction To Code View</a>
        </li>
        <li>
          <a href="tutorial_spelling.html">Check For Spelling Mistakes</a>
        </li>
        <li>
          <a href="tutorial_validate.html">Check For Errors In Your EPUB</a>
        </li>
        <li>
          <a href="tutorial_find_replace.html">Edit With Find &amp; Replace</a>
        </li>
        <li>
          <a href="tutorial_stylesheets.html">Use Stylesheets</a>
        </li>
        <li>
          <a href="tutorial_embed_fonts.html">Include Custom Fonts</a>
        </li>
        <li>
          <a href="tutorial_advanced_find.html">Advanced Find &amp; Replace – Regex</a>
        </li>
        <li>
          <a href="tutorial_regex_reference.html">Regular Expression Reference</a>
        </li>
        <li>
          <a href="tutorial_tips.html">Tips</a>
        </li>
      </ul>
    </li>
    <li>
      <a href="faq.html">FAQ</a>
      <ul>
        <li>
          <a href="faq.html#faq_common_questions">Common Questions</a>
        </li>
        <li>
          <a href="faq.html#faq_questions">Where to Get Help</a>
        </li>
        <li>
          <a href="faq.html#faq_using_sigil">Using Sigil</a>
        </li>
        <li>
          <a href="faq.html#faq_formatting">Formatting and Styles</a>
        </li>
      </ul>
    </li>
    <li>
      <a href="contributing_to_sigil.html">Contributing to Sigil</a>
    </li>
  </ul>
</div>


  </div>
  

  <div class="calibreEbNav">
    
      <a href="spellcheck.html" class="calibreAPrev">previous page</a>
    

    <a href="../../../index.html" class="calibreAHome"> start</a>

    
      <a href="special_characters.html" class="calibreANext"> next page</a>
    
  </div>

</div>

</body>
</html>
